<template>
  <div class="footer">
    <p>Copyright©1999-2017, www.wangry.com. All rights reserved. </p>
  </div>
</template>

<script>
export default {
  name: 'footer'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .footer{
    width: 100%;
    background-color: #ccc;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }   
  @media screen and (max-width: 768px) {
    .footer{
      font-size: 10px;
    }
  }
</style>
